<!-- Copyright (c) 2022 渝州大数据实验室
 *
 * Lanius is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *     http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 -->
<!-- 
* @desc:任务实例详情步骤度量组件
* @fileName:step.vue
* @author:zhouyongjie@yzbdl.ac.cn
* @date:2022-4-13
!-->

<script setup lang="ts">
//引入API封装方法
const props = defineProps({
  tableData: Array as any,
});
</script>
<template>
  <div class="step">
    <div class="stepContent">
      <el-table :data="props.tableData" stripe style="width: 100%">
        <el-table-column prop="stepName" label="步骤名称" />
        <el-table-column prop="linesRead" label="读取行" width="78px" />
        <el-table-column prop="linesWritten" label="写入行" width="78px" />
        <el-table-column prop="linesUpdated" label="更新行" width="78px" />
        <el-table-column prop="linesInput" label="输入行" width="78px" />
        <el-table-column prop="linesOutput" label="输出行" width="78px" />
        <el-table-column prop="linesRejected" label="拒绝行" width="78px" />
        <el-table-column prop="errors" label="错误" width="78px" />
        <el-table-column prop="speed" label="平均处理速度（条/秒）" />
        <el-table-column prop="runningTime" label="运行时间（条/秒）" />
        <el-table-column prop="priority" label="缓冲等待数据量" width="130px" />
      </el-table>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.step {
  width: 100%;
  padding-top: 20px;
  max-height: 670px;
  overflow-x: hidden;
  .stepContent {
    width: 1250px;
    background-color: #f6f6f6;
  }
}
</style>
